/**
 * Created by liuzengrong on 2019/8/12.
 */
import React, {Component} from 'react';
import {PageHeader, message, Typography, Modal, Form, Input, Row, Col} from 'antd';
import styles from './index.less';
import axios from '@/components/Engineering/axios';
import Utils from '@/components/Engineering/utils';
import Validator from '@/utils/Validator'
import {Link, browserHistory} from 'dva/router';

const {Paragraph} = Typography;
const FormItem = Form.Item


class Guide extends React.Component  {

  componentWillMount(): void {
    this.productName = Utils.decodeQuery()['productName']
  }

  render() {
    const productGuide = {
      baoli: [
        '/product-guide/q1.png',
        '/product-guide/q2.png',
        '/product-guide/q3.png',
        '/product-guide/q4.png',
        '/product-guide/q5.png',
      ],
      marketPurchase:[
        '/product-guide/shichangcaigou1.png',
        '/product-guide/shichangcaigou2.png',
        '/product-guide/shichangcaigou3.png',
        '/product-guide/shichangcaigou4.png',
        '/product-guide/shichangcaigou5.png',
        '/product-guide/shichangcaigou6.png',
        '/product-guide/shichangcaigou7.png',
        '/product-guide/shichangcaigou8.png',
        '/product-guide/shichangcaigou9.png',
      ],
      drawback:[
        '/product-guide/e1.png',
        '/product-guide/e2.png',
        '/product-guide/e3.png',
        '/product-guide/e4.png',
        '/product-guide/e5.png',
      ],
    }

    return <div style={{width: 1300, margin: '20px auto'}}>
      {productGuide[this.productName]&&productGuide[this.productName].map(item => <img style={{width: '100%'}} src={item} alt=""/>)}
    </div>
  }
}


export default Form.create({name: 'Guide'})(Guide)

